<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/detail.css">
    
</head>
<body>
    <header>
        <div class="logo">
          <a href="index.html"><img src="../static/images/logo.png" alt="" /></a>
          <div class="right">
            <h3>熊猫优选</h3>
            <span> XIONG MAO YOU XUAN </span>
          </div>
        </div>
        <div class="search">
          <div class="magnifier">
            <img src="../static/images/search.png" alt="shousuo" />
          </div>
          <input type="text" placeholder="搜索商品，发现更多优惠" />
          <button>搜索</button>
        </div>
        <div class="land">
          <ul>
            <li>
              <img src="../static/images/baoyou.png" alt="baoyou" />
              <span>全程包邮</span>
            </li>
            <li>
              <img src="../static/images/tuihuan.png" alt="七天退换" />
              <span>七天退换</span>
            </li>
            <li>
              <img src="../static/images/baozheng.png" alt="品质保证" />
              <span>品质保证</span>
            </li>
            <li onclick="land()">
              <img src="../static/images/zhuce.jpeg" alt="用户登录" />
              <span>退出登陆</span>
            </li>
            <li class="onland" onclick="land()">
              
              <img src="../static/images/land.jpg" alt="用户登录" />
              <span>登陆注册</span>
            </li>
          </ul>
        </div>
      </header>
     <nav>
      <div class="container">
        <ul>
          <li onclick="index()">首页</li>
          <li style=" background-color: pink;">商品详情</li>
          <li onclick="nine()">商品分类</li>
          <li onclick="lookCart()">我的购物车</li>
        </ul>
      </div>
     </nav>
    <main>
   <div class="glass">
  
   </div>
    <div class="commodity">
      <div class="commodity-price">
        
       </div>
        <div class="select">
        <p class="select-size"><span>尺寸：</span><input type="radio" name="size"/>大<input type="radio" name="size" />小 <input type="radio" name="size"/>中</p>
        <p class="select-color"><span>颜色：</span><input type="radio" name="color"/>红色 <input type="radio" name="color"/>白色 <input type="radio" name="color"/>蓝色</p>
        <div class="num"></div>
          <button class="addproduct">加入购物车</button>
          <button class="lookproduct">查看购物车</button>
        </div>
      </div>
     
    <div class="seller">
       <fieldset>
         <legend> 卖家信息</legend>
        </fieldset>  
      <div class="shop-img"><img src="../static/images/detail_shop01.jpg" alt="shop"></div>
      <h4>辣点食品旗舰店</h4>
      <div class="shop-information">
        <ul>
          <li>描述</li>
          <li>服务</li>
          <li>物流</li>
        </ul>
        <ul>
          <li>4.8</li>
          <li>4.8</li>
          <li>4.8</li>
        </ul>
      </div>
    </div>
    </main>
    <footer>
        <div class="fot">
          <div class="left">
            <img src="../static/images/logo.png" alt="页脚logo" />
            <div class="footercontent">
              <h3>熊猫优选</h3>
              <p>
                年轻人网购首选<br />
                购物领劵更省钱
              </p>
            </div>
          </div>
          <div class="download">| <a href="javascript:0;">下载APP</a></div>
          <div></div>
        </div>
      </footer>
    <script src="../lib/js/axios.min.js"></script>
    <script src="../js/detail.js"></script>
    <script src="../js/common.js"></script>
</body>
</html>